<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>K5G-C</title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
    <div class="main">
        <div class="tit-heade">
            <div class="itemOne">
                <img src="./image/left.png" >
            </div>
            <div class="itemTwo">
                <div class="item-chil">
                    <img src="./image/logoutOne.png">
                </div>
                <div class="item-chil">
                    <a href="/action/logout">ログアウト</a>
                </div>
                
            </div>
        </div>  
        <div class="nav2">
            <div class="nav-item">
                <div id='x1' class="item" onclick="toPage('./home.html')">ホーム</div>
            </div>
            <div class="nav-item">
                <div id='x2' class="item no-act" onclick="toPage('./mobileData.html')">モバイルネットワーク</div>
            </div>
            <div class="nav-item">
                <div id='x3' class="item no-act" onclick="toPage('./wifi.html')">Wi-Fi設定</div>
                <div class="hide">
                    <div>
                        <div id='x31' class="item1 no-act">wifi</div>
                        <div class="">
                            <div class="item2" id="wifi1" onclick="toPage('./wifi.html')">Wi-Fi</div>
                            <div class="item2" id="wifi2" onclick="toPage('./wifiList.html')">Wi-Fi 接続情報</div>
                            <div class="item2" id="wifi_list" onclick="toPage('./wifiManage.html')">接続デバイスの管理</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav-item">
                <div id='x4' class="item no-act" onclick="toPage('./dhcp.html')">Ethernet設定</div>
                <div class="">
                    <div>
                        <div class="">
                            <div class="item1 choose" id="DHCP" onclick="toPage('./dhcp.html')">DHCP</div>
                            <div class="item1" id="MAC" onclick="toPage('./mac.html')">MAC IP Bindingリスト</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav-item">
                <div id='x5' class="item no-act" onclick="toPage('./port.html')">LAN設定</div>
                <div class="hide">
                    <div>
                        <div id='x51' class="item no-act">ポートフォワーディング</div>
                        <div class="hide">
                            <div class="item2" id="port">ポートフォワーディング</div>
                            <div class="item2" id="port_list">ポートフォワーディングリスト</div>
                        </div>
                    </div>
                    <div>
                        <div id='x52' class="item1 no-act">IPパケットフィルタリング</div>
                        <div class="hide">
                            <div class="item2" id="IP">IPパケットフィルタリング</div>
                            <div class="item2" id="IP_list">IPパケットフィルタリングリスト</div>
                        </div>
                    </div>
                    <div>
                        <div id='x53' class="item1 no-act"
                             onclick="toPage('./dmz.html')">
                            DMZ
                        </div>
                    </div>
                    <div>
                        <div id='x54' class="item1 no-act">IPv6パケットフィルタリング</div>
                        <div class="hide">
                            <div class="item2" id="IPV6">IPv6パケットフィルタリング</div>
                            <div class="item2" id="IPV6_list">IPv6パケットフィルタリングリスト</div>
                        </div>
                    </div>
                    <div>
                        <div id='x55' class="item1 no-act"
                             onclick="toPage('./dmz.html')">
                            WANポートPingブロック</div>
                    </div>
                </div>
            </div>
            <div class="nav-itm">
                <div id='x6' class="item no-act" onclick="toPage('./password.html')">端末設定</div>
                <div class="hide">
                    <div>
                        <div class="">
                            <div class="item" onclick="toPage('./password.html')">パスワード設定</div>
                            <div class="item" onclick="toPage('./dataUsage.html')">データ使用量</div>
                            <div class="item" onclick="toPage('./reboot.html')">リブート</div>
                            <div class="item" onclick="toPage('./deviceInformation.html')">デバイス情報</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="title">DHCP</div>
            <div style="margin-left: 100px;margin-top: 10px;">
                <p>接続機器へ割り当てるIPアドレスの範囲やDNSのアドレスが設定できます。</p>
                <p>Ethernetで接続している機器に対してのみ適用されます。</p>
            </div>
            <div class="dhcp">
                <form action="" class="default-form" id="dhcp_form">
                    <table class="input-table">
                        <tbody>
                            <tr>
                                <th><label class="default-label" for="">DHCPサーバー</label></th>
                                <td>
                                    <label style="padding: 0 20px;">
                                        <input class="a-radio" type="radio" name="dhcp_setting" value=0 checked><span
                                            class="b-radio"></span>無効
                                    </label>
                                    <label style="padding: 0 20px;">
                                        <input class="a-radio" type="radio" name="dhcp_setting" value=1><span
                                            class="b-radio"></span>有効
                                    </label>
                                </td>
                            </tr>
                            <tr>
                                <th><label class="default-label" for="lan_ip">LAN側IPアドレス</label></th>
                                <td>
                                    <input type="text" class="default-input" name="lan_ip" id="lan_ip_address" />
                                </td>
                            </tr>
                            <tr>
                                <th><label class="default-label" for="lan_subnet_mask">LAN側サブネットマスク</label></th>
                                <td><input type="text" class="default-input" name="lan_subnet_mask" id="lan_subnet_mask" />
                                </td>
                            </tr>
                            <tr>
                                <th> <label class="default-label" for="ip_address_start">割当IPアドレス</label></th>
                                <td> <input type="text" class="default-input" name="ip_address_start" id="ip_address_start" />
                                    <span class="default-icon">~</span>
                                    <input type="text" class="default-input" name="ip_address_end" id="ip_address_end" />
                                </td>
                            </tr>
                            <tr>
                                <th><label class="default-label" for="dns_server_primary">プライマリDNS</label></th>
                                <td>
                                    <input type="text" class="default-input" name="dns_server_primary" id="dns_server_primary" />
                                </td>
                            </tr>
                            <tr>
                                <th> <label class="default-label" for="dns_server_secondary">セカンダリDNS</label></th>
                                <td><input type="text" class="default-input" name="dns_server_secondary"
                                    id="dns_server_secondary" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="horizontal-box">
                        <div class="submit-btn" onclick="dhcpSubmit()">適用</div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./js/utils.js"></script>
    <script>
        window.onload = function () {
            getData()
            testAction()
            getSimNum()
    }

    function getSimNum() {
        var num = sessionStorage.getItem('activeSimNumber')
        if (num == 0) {
            var btn = document.getElementById('x2')
            btn.onclick = function() {}
            btn.style.backgroundColor = '#eee'
        }

        var params = {}
        Ajax.post(baseUrl + '/action/getActiveSimCardNumber', JSON.stringify(params), function(res) {
            var response = JSON.parse(res)
            if (response.status == 'success') {
                sessionStorage.setItem('activeSimNumber', response.data.activeSimNumber)
            }
        })
    }
        function getData() {
            Ajax.get(baseUrl + '/action/staticIpGet', function (res) {
                var response = JSON.parse(res)
                if (response.status == 'success') {
                    var data = response.data
                    Utils.SetRadioValue('dhcp_setting', data.dhcp_setting || 0)
                    document.getElementById("lan_ip_address").value = data.lan_ip_address || ''
                    document.getElementById("lan_subnet_mask").value = data.lan_subnet_mask || ''
                    document.getElementById("ip_address_start").value = data.ip_address_start || ''
                    document.getElementById("ip_address_end").value = data.ip_address_end || ''
                    document.getElementById("dns_server_primary").value = data.dns_server_primary || ''
                    document.getElementById("dns_server_secondary").value = data.dns_server_secondary || ''
                } else {
                    Message.info('処理に失敗しました')
                }
            })
        }
        function exitSubmit(){
            getData()
        }
        function dhcpSubmit() {
            console.log(document.getElementById("lan_ip_address").value,12121212)
            if (!document.getElementById("lan_ip_address").value) {
                Message.info('LAN側IPアドレスを入力してください')
                return false
            }
            if (!IPTest(document.getElementById("lan_ip_address").value)) {
                Message.info('LAN側IPアドレスが正しくありません')
                return false
            }
            if (!document.getElementById("lan_subnet_mask").value) {
                Message.info('LAN側サブネットマスクを入力してください')
                return false
            }
            if (!markTest(document.getElementById("lan_subnet_mask").value)) {
                Message.info('LAN側サブネットマスクが正しくありません')
                return false
            }
            if (!document.getElementById("ip_address_start").value) {
                Message.info('割当IPアドレスを入力してください')
                return false
            }
            if (!IPTest(document.getElementById("ip_address_start").value)) {
                Message.info('割当IPアドレスが正しくありません')
                return false
            }
            if (!document.getElementById("ip_address_end").value) {
                Message.info('割当IPアドレスを入力してください')
                return false
            }
            if (!IPTest(document.getElementById("ip_address_end").value)) {
                Message.info('割当IPアドレスが正しくありません')
                return false
            }
            if (!document.getElementById("dns_server_primary").value) {
                Message.info('プライマリDNSのアドレスを入力してください')
                return false
            }
            if (!dnsTest(document.getElementById("dns_server_primary").value)) {
                Message.info('プライマリDNSのアドレスが正しくありません')
                return false
            }
            if (document.getElementById("dns_server_secondary").value && !dnsTest(document.getElementById("dns_server_secondary").value)) {
                Message.info('セカンダリDNSのアドレスが正しくありません')
                return false
            }
            var params = {
                "dhcp_setting": Utils.GetRadioValue('dhcp_setting'),
                "lan_ip_address": document.getElementById("lan_ip_address").value,
                "lan_subnet_mask": document.getElementById("lan_subnet_mask").value,
                "ip_address_start": document.getElementById("ip_address_start").value,
                "ip_address_end": document.getElementById("ip_address_end").value,
                "dns_server_primary": document.getElementById("dns_server_primary").value,
                "dns_server_secondary": document.getElementById("dns_server_secondary").value
            }
            Ajax.post(baseUrl + '/action/dhcpSubmit', JSON.stringify(params), function (res) {
                var response = JSON.parse(res)
                if (response.status == 'success') {
                    Message.info('設定変更によりルーター設定（Web）画面から切断されることがあります')
                    getData()
                } else {
                    Message.info('処理に失敗しました')
                }
            })
        }
    </script>
</body>

</html>
